<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <div>
        <div>
            <div><img id="logo" src="../img/logo.jpg" width="204" height="141"></div>
            <div class="phone">
                <div><img src="../img/icon2_03_uc2a.png"></div>
                <div id="phone">028-9999999</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div id="nav">
<!--            <div onclick="window.open('/html/home.html','_self')">网站首页</div>-->
<!--            <div onclick="window.open('/html/company.html','_self')">公司页面</div>-->
<!--            <div onclick="window.open('/html/news.html','_self')">新闻介绍</div>-->
<!--            <div onclick="window.open('/html/product.html','_self')">产品展示</div>-->
<!--            <div onclick="window.open('/html/online.html','_self')">在线留言</div>-->
<!--            <div onclick="window.open('/html/callus.html','_self')">联系我们</div>-->
        </div>
    </div>
    <div>
        <div class="ad">
            <!--                如果想要多个空白字符，则需要转义字符-->
            <!--                所以，以后尽量不要用转义字符-->
            <div>
                <div>品味生活</div>
                <div>·</div>
                <div> 品味美食</div>
            </div>
            <div>
                <div>一壶茶彻出了生活的醇美</div>
                <div> 一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div> 一枝笔绘出了人生的五彩缤纷</div>
                <div> 一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div>
                <div>
                    <!--                        自定义元素-->
                    <div> 品味</div>
                    <div>生活</div>
                    <div> 品味</div>
                    <div>美食</div>
                </div>
                <div>某某给你生活指南</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>